<template>
  <div>
    <!-- 导出excel
1：加入导出excel的js文件
2：安装插件： xlsx  file-saver
3:导入使用，完成相应传参
-->
    <el-button @click="outExcel">导出简单excel</el-button>
    <el-button @click="outExcel2">导出复杂excel</el-button>
  </div>
</template>
<script>
import { export_json_to_excel } from '@/vendor/Export2Excel.js'
export default {
  methods: {
    outExcel() {
      // 方法的默认值  ，参数的解构
      // export_json_to_excel()
      // this.fn({})
      // header:头部，它是一个数组
      // data:列表数据,它也是一个二维数组
      // filename:导出文件的文件名
      export_json_to_excel({
        header: ['手机号', '姓名', '入职日期', '转正日期', '工号'],
        data: [
          ['13141131110', '高小山2', '2019/3/11', '2019/9/11', '201893'],
          ['13141131110', '高大山1', '2019/3/11', '2019/9/11', '201893'],
          ['13141131110', '高老山3', '2019/3/11', '2019/9/11', '201893']
        ],
        filename: '生成excel'
      })
    },
    outExcel2() {
      // 方法的默认值  ，参数的解构
      // export_json_to_excel()
      // this.fn({})
      // header:头部，它是一个数组
      // data:列表数据,它也是一个二维数组
      // filename:导出文件的文件名
      // multiHeader:多表头，除了主表头以外的其它表头,它是一个二维数组[[表头1],[表头2]]
      //  merges:['起点:终点']起点与终点代表excel需要合并的格子
      export_json_to_excel({
        multiHeader: [
          ['员工信息列表', '', '', '', ''],
          ['员工基本信息', '', '员工其它信息', '', '']
        ],
        merges: ['A1:E1', 'A2:B2', 'C2:E2'],
        header: ['手机号', '姓名', '入职日期', '转正日期', '工号'],
        data: [
          ['13141131110', '高小山2', '2019/3/11', '2019/9/11', '201893'],
          ['13141131110', '高大山1', '2019/3/11', '2019/9/11', '201893'],
          ['13141131110', '高老山3', '2019/3/11', '2019/9/11', '201893']
        ],
        filename: '生成excel'
      })
    },
    fn({ name = '张三' } = {}) {
      console.log(name)
    }
  }
}
</script>
<style></style>
